import EventItem from './EventItem';

const EventList = (props) => {
    const list = props.list;
    const style = {
        padding: "0.5em",
    };
    return (
        <div style={ style }>
            { list.map( (v, i) => {
                    return (
                        <EventItem item={ v } key={ i }
                            dispatch={ props.dispatch }
                        />
                    );
                }
            )}
        </div>
    );
}
export default EventList;